<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>网易云阅读--海量新闻、精彩资讯、图书、免费小说、漫画，免费畅读</title>
<meta name="keywords" content="小说，免费小说，热门小说，言情小说，小说下载，漫画，图书，热点新闻，好文章，电子书，免费杂志，
网易，阅读，网易云阅读"/>
<meta name="description" content="网易云阅读提供丰富的原创小说、畅销好书、热门新闻和文章免费在线阅读和下载。
    包括文学、传记、艺术、经济管理，官场小说、都市小说、言情小说，热血漫画，旅游、电影杂志等。
    手机上支持Android、iPhone、iPad、Android Pad、Windows Phone、Windows8等多平台免费下载！"/>
<meta name="viewport" content="width=device-width"/>
<!-- -->
<link rel="stylesheet" href="./css/reset.css"/>
<!-- function-->
 <link rel="stylesheet" href="./css/function.css"/>
<!-- 引入style-->
<link rel="stylesheet" href="./css/style.css"/>
<link rel="shortcut icon" href="./favicon.ico"/>
<!-- <link rel="apple-touch-icon" href="img/touchicon.png"/> -->
</head>
<body>
    <!-- 整个文档 -->
<div class="g-doc">
    <!-- 头部-->
    <div class="g-hd">

        <!-- 顶部固定条 -->
         <div class="m-topbar">
            <div class="inner f-cb">
                <ul class="sns f-fl f-cb">
                    <li><a href="#">网易云阅读</a></li>
                    <li><span class="sep">|</span></li>
                    <li><a href="#">国风中文网</a></li>
                    <li><span class="sep">|</span></li>
                    <li><a href="#">采薇书院</a></li>
                    <li><span class="sep">|</span></li>
                    <li><a href="#">从电脑上导入</a></li>
                    <li><span class="sep">|</span></li>
                    <li><a href="#" class="gzh">公众号</a>
                        <div class="m-codelayer">
                            <img src="./images/gongzhonghao.png" alt="">
                        </div>
                    </li>
                </ul>
                
                <div class="ulink f-fr f-cb">
                    <span class="layer">
                        <a href="#" class="login">登录
                            <!-- login 图层--> 
                             <div class="login-layer">
                                <ul>
                                    <li><a href="#" class="child1">网易邮箱登录</a></li>
                                    <li><a href="#" class="child2">新浪微博登录</a></li>
                                    <li><a href="#" class="child3">手机登录</a></li>
                                    <li><a href="#" class="child4">微信登录</a></li>
                                </ul>
                                <div class="sanjiao"><img src="./images/sanjiao.png" alt=""></div>
                             </div>
                        </a>
                    </span>
                    <span class="sep">|</span>
                    <a href="#">注册</a> <span class="sep">|</span>
                    <a href="#">举报</a> 
                   
                </div>
            </div>
         </div>

         <!--头部顶部-->
         <div class="m-headertop">
            <div class="inner f-cb"> <!--用于居中-->
                <h1 class="m-logo">
                  <a href="#"></a>
                </h1>
                <div class="m-sch">
                    <form action="">
                        <input type="text" class="s-placeholder" value="唐诗里的烟火人间"
                        autocomplete="off">
                        <button type="submit"></button>
                    </form>
                    
                </div>
                <div class="m-clouds">
                    <a href="#" class="m-cloudzx">我的订阅</a>
                    <a href="#" class="m-cloudsj">我的书架</a>
                </div>
            </div>
         </div>

         <!--头部底部-->
        <div class="m-headerbottom">
            <div class="inner">
                <ul class="m-mianlist">
                    <li><a href="#" class="crt">首页</a></li>
                    <li><a href="#">出版图书</a></li>
                    <li><a href="#">国风中原网</a></li>
                    <li><a href="#">采薇书院</a></li>
                    <li><a href="#">排行榜</a></li>
                    <li><a href="#" class="fr">作者中心</a></li>
                    <li><a href="#" class="fr">充值</a></li>
                    <li><a href="#" class="fr">客户端</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 主题内容 -->
    <div class="g-bdw">
        <div class="g-bd g-bd-large">

            <!-- 第一版块 -->
          <div class="g-sec">
            <!-- 右侧 -->
            <div class="m-slider m-slider-idx">
             <div class="slider">
              <ul class="j-slider">
                <li><a href="#"><img src="./images/zuojia.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/wangluo.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/yuejiao.jpg" alt=""></a></li>
              </ul>
             </div>
             <div class="control"></div>
            </div>
            <!-- 左侧 -->
            <div class="m-menu">
             <div class="category">
                <div class="sub">
                    <h3>国风中文网
                        <i style="display: block;"></i>
                    </h3>
                    <p>
                        <a href="#" class="hot">都市生活</a>
                        <span>|</span>
                        <a href="#" class="hot">官场职场</a>
                        <span>|</span>
                        <a href="#" class="11">玄幻仙侠</a>
                    </p>
                    <p>
                        <a href="#" class="11">悬疑探险</a>
                        <span>|</span>
                        <a href="#" class="11">灵异恐怖</a>
                        <span>|</span>
                        <a href="#" class="11">短片小说</a>
                    </p>
                </div>
                <div class="more">
                    <p class="f-cb">
                        <a href="#">科幻奇幻</a>
                        <span>|</span>
                        <a href="#">军事谍战</a>
                        <span>|</span>
                        <a href="#">同人网游</a>
                        <a href="#">历史传奇</a>
                    </p>
                </div>
             </div>
            </div>
          </div>
          <div class="g-sec"></div>
          <div class="g-sec"></div>
          <div class="g-sec"></div>
          <div class="g-sec"></div>
          <div class="g-sec"></div>
        </div>
        <div class="g-bd cat">

        </div>
        <!-- <div class="g-mn">
            
        </div> -->
        <div class="g-sd">
            
        </div>
    </div>
    <div class="g-ft">
        
    </div>
</div>
</body>
</html>